import React from 'react';
import { InterviewBoxPc, InterviewDetail } from '@/pages/RecruitEmail/pc/components';
import ImagePic from '@/pages/RecruitEmail/images/out.png';
import styles from './index.less';

export default function InterviewOutDate(props) {
    const { data } = props;
    const list = [
        {
            key: '姓名',
            iconType: 'infos_namecard_icon_default1',
            showIcon: true,
            value: data?.name || '--'
        },
        {
            key: '手机号',
            iconType: 'infos_phone_icon_default',
            showIcon: true,
            value: data?.phone || '--'
        },
        {
            key: '联系邮箱',
            iconType: 'timeAdjusted',
            showIcon: true,
            value: data?.email || '--'
        }
    ];
    return (
        <div className={styles.interviewPc}>
            <InterviewBoxPc
                titleProps={{
                    src: ImagePic,
                    // titleAfter: companyName,
                    title: '超过有效期，链接已失效',
                    content: '如有疑问请联系HR ',
                    wrap: true,
                    sort: true,
                    picStyle: { marginBottom: 56, marginTop: 24, marginLeft: 97 },
                    iconType: 'shixiao',
                    iconStyle: { color: '#BCC1CD', marginRight: 12 },
                    showStep: false
                }}

                // show={status === STATUS.ACCEPT && data?.registerStatus !== 1}
                // onClick={handleCheck}
            >
                <div
                    style={{
                        width: 500,
                        margin: '0 auto',
                        boxSizing: 'border-box'
                    }}
                >
                    <div className={styles.info}>HR联系信息</div>
                    <div className={styles.detailCon} style={{ marginBottom: 127 }}>
                        <InterviewDetail
                            dataSource={list}
                            // style={{ marginBottom: 16 }}
                            keyStyle={{
                                fontWeight: 300,
                                height: '22px',
                                fontSize: '14px',
                                fontFamily: 'PingFangSC-Regular, PingFang SC',
                                color: 'rgba(0,0,0,0.45)',
                                lineHeight: '22px'
                            }}
                            valueStyle={{
                                height: '26px',
                                fontSize: '18px',
                                fontFamily: 'PingFangSC-Regular, PingFang SC',
                                fontWeight: 300,
                                color: 'rgba(0,0,0,0.45)',
                                lineHeight: '26px'
                            }}
                        />
                    </div>
                </div>
            </InterviewBoxPc>
        </div>
    );
}
